<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>

        <h:form id="IndicadorListForm">
            <p:dataTable id="datalist" 
                         widgetVar="tablaIndicador"
                         value="#{indicadorController.items}" 
                         var="item"
                         selectionMode="single" 
                         selection="#{indicadorController.selected}"
                         paginator="true"
                         rowKey="#{item.idIndicador}"
                         rows="20"
                         rowsPerPageTemplate="20,30,40,50"
                         filteredValue="#{indicadorController.listaIndicadorFiltrado}"
                         >

                <f:facet name="header">
                    <p:outputPanel>
                        <h:outputText value="Buscar por todos:" />
                        <p:inputText id="globalFilter" onkeyup="PF('tablaIndicador').filter()" style="width:150px"/>
                        <p:commandButton id="toggler" type="button" value="Columnas" style="float:right" icon="ui-icon-calculator" />
                        <p:columnToggler datasource="datalist" trigger="toggler" />
                    </p:outputPanel>

                </f:facet>

                <p:column filterBy="aclaracion" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListIndicadorTitle_aclaracion}"/>
                    </f:facet>
                    <h:outputText value="#{item.aclaracion}"/>
                </p:column>
                <p:column  filterBy="conceptualizacion" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListIndicadorTitle_conceptualizacion}"/>
                    </f:facet>
                    <h:outputText value="#{item.conceptualizacion}"/>
                </p:column>
                <p:column  filterBy="nombreIndicador" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="Indicador"/>
                    </f:facet>
                    <h:outputText value="#{item.nombreIndicador}"/>
                </p:column>
                <p:column  filterBy="unidades" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListIndicadorTitle_unidades}"/>
                    </f:facet>
                    <h:outputText value="#{item.unidades}"/>
                </p:column>
                <p:column filterBy="formula" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListIndicadorTitle_formula}"/>
                    </f:facet>
                    <h:outputText value="#{item.formula}"/>
                </p:column>
                <p:column width="95" filterBy="periodicidad" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListIndicadorTitle_periodicidad}"/>
                    </f:facet>
                    <h:outputText value="#{item.periodicidad}"/>
                </p:column>
                <p:column filterBy="estadoActual" filterMatchMode="contains" >
                    <f:facet name="header">
                        <h:outputText value="Estado Actual"/>
                    </f:facet>
                    <h:outputText value="#{item.estadoActual}"/>
                </p:column>
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="Rojo"/>
                    </f:facet>
                    <h:outputText value="#{item.bajoMinimo} - #{item.bajoMaximo}"/>
                </p:column>                
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="Amarillo"/>
                    </f:facet>
                    <h:outputText value="#{item.medioMinimo} - #{item.medioMaximo}"/>
                </p:column>
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="Verde"/>
                    </f:facet>
                    <h:outputText value="#{item.altoMinimo} - #{item.altoMaximo}"/>
                </p:column>
                
                <p:column filterBy="idObjetivoEstrategico.objetivo" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="Objetivo Estrategico"/>
                    </f:facet>
                    <h:outputText value="#{item.idObjetivoEstrategico.objetivo}"/>
                </p:column>

                <p:column rendered="false" filterBy="idObjetivoEstrategico.idPerspectiva.perspectiva" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="Perspectiva"/>
                    </f:facet>
                    <h:outputText value="#{item.idObjetivoEstrategico.idPerspectiva.perspectiva}"/>
                </p:column>

               
                <!--<p:column>
                    <f:facet name="header">
                        <h:outputText value="Responsable"/>
                    </f:facet>
                    <p:dataList value="#{item.idObjetivoEstrategico.responsableObjetivoList}" var="res" type="ordered">
                        <h:outputText value="#{res.getUsuario().getCargo()}"/>
                    </p:dataList>
                </p:column>-->


            </p:dataTable>
        </h:form>        
    </ui:composition>

</html>
